<template>
  <div class="home-container">
    <!-- 首页顶部广告栏 -->
    <HomeAdvF1></HomeAdvF1>
    <MenuBar></MenuBar>
    <div class="home-main">
      <SlideShow></SlideShow>
    </div>
  </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'
import HomeAdvF1 from '@/components/HomeAdvF1/index.vue'
import  MenuBar from '@/components/MenuBar/index.vue'
import SlideShow from '@/components/SlideShow/index.vue'
let router = useRouter()
const onClicktoLogin = () => {
  router.push('/login')
}
</script>

<style scoped lang="scss">
.home-container {
  width: 100%;
  background-color:var.$background-color;
  //横向的下滑栏不显示
  overflow-x: hidden;
  .home-main {
  width: 79.4%;
  margin: 0 auto; // 居中
  border: 1px solid red;
}
}
</style>
